<%@ page language="java" contentType="text/html; charset=utf-8"
         pageEncoding="utf-8" isELIgnored="false" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Ela Admin - HTML5 Admin Template</title>
    <meta name="description" content="Ela Admin - HTML5 Admin Template">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="static/css/bootstrap.min.css">
    <link rel="stylesheet" href="static/css/style.css">
    <link rel="stylesheet" href="static/css/style_index.css">
    <script type="text/javascript" src="static/js/login.js"></script>

<%--    <script src="static/js/jquery-1.8.2.min.js"></script>--%>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script type="text/javascript" src="layui/layui.js"></script>
    <link rel="stylesheet" href="layui/css/layui.css">

    <style type="text/css">
        #Main
        {
            color: #ffffff;
            margin-top: 40px;
            margin-left: 350px;
            height: 100px;
            font-size: 30px;
        }
        #wrap{
            display: flex;
            justify-content: space-between;
        }
    </style>
    <script type="text/javascript">
        window.onload=function()
        {
            window.requestAnimationFrame(getDate)
        }
        //------------------
        function showPersonnel() {
            $.get("PersonnelServlet?method=show",function (date) {
                $("#div1").html(date);
                document.getElementById("div2").style.display="none"
            })
        }

        //--------------
        function toadd() {
            layer.open({
                type: 2,
                title:'添加页面', //不显示标题栏
                closeBtn:1,
                area :['50%','50%'],
                shade: 0.6, // 0-1越接近1越不透明
                moveType: 1, //拖拽模式，0或者1
                maxmin:true,
                content:'personnel/PersonnelAdd.jsp',
                end: function () {showPersonnel();}
            });
        }
        //-------
        function del(id) {
            layer.confirm('您确定要删除吗？', {
                btn: ['确定','取消'] //按钮
            }, function(){
                $.get("PersonnelServlet?method=delete&id="+id,function (date) {
                    $("#div1").html(date);
                })
                layer.msg('删除成功', {icon: 1});
            }, function(){
                layer.msg('正在取消', {
                    time: 1000, //20s后自动关闭
                });
            });
        }

        //--------
        function toupdate(id) {
            layer.open({
                type: 2,
                title:'修改页面', //不显示标题栏
                closeBtn:1,
                area :['50%','50%'],
                shade: 0.6, // 0-1越接近1越不透明
                moveType: 1, //拖拽模式，0或者1
                maxmin:true,
                content:'PersonnelServlet?method=toupdate&id='+id,
                end: function () {showPersonnel();}
            });
        }
        //--------
        //------------------
    </script>
</head>
<body>
<!-- Left Panel -->
<aside id="left-panel" class="left-panel">
    <nav class="navbar navbar-expand-sm navbar-default">
        <div id="main-menu" class="main-menu collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li class="active">
                    <a href="login.jsp"><i class="menu-icon fa fa-laptop"></i>航空网上订票平台</a>
                </li>
                <li class="menu-item-has-children dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="menu-icon fa fa-table"></i>航班管理模块</a>
                    <ul class="sub-menu children dropdown-menu">
                        <li><i class="fa fa-table"></i><a href="javascript:showFlight()">航程查询</a></li>
                        <li><i class="fa fa-table"></i><a href="javascript:showPersonal()">用户信息修改</a></li>
                    </ul>
                <li class="menu-item-has-children dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="menu-icon fa fa-table"></i>订单管理模块</a>
                    <ul class="sub-menu children dropdown-menu">
                        <li><i class="fa fa-table"></i><a href="javascript:showPurchase()">订单查询</a></li>
                    </ul>
                <li class="menu-item-has-children dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="menu-icon fa fa-table"></i>人员管理模块</a>
                <ul class="sub-menu children dropdown-menu">
                    <li><i class="fa fa-table"></i><a href="javascript:showPersonnel()">机组人员管理</a></li>
                </ul>
            </ul>
        </div><!-- /.navbar-collapse -->
    </nav>
</aside>
<!-- /#left-panel -->
<!-- Right Panel -->
<div id="right-panel" class="right-panel">
    <!-- Header-->
    <header id="header" class="header">
        <div class="top-left">
            <div class="navbar-header">

                <a class="navbar-brand" href="login.jsp"><img src="static/images/logo1.png" alt="Logo"></a>

<%--                <a class="navbar-brand hidden" href="./">${requestScope.err}<img src="static/images/logo2.png" alt="Logo"> </a>--%>
<%--                <a id="menuToggle" class="menutoggle"><i class="fa fa-bars"></i></a>--%>
            </div>
        </div>
        <div class="top-right">
            <div class="header-menu">

                <div class="user-area dropdown float-right">
                    <a href="#" class="dropdown-toggle active" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <p>欢迎你 ${requestScope.us}</p>
                        <img class="user-avatar rounded-circle" src="static/images/admin0.jpg" alt="User Avatar">
                    </a>

                    <div class="user-menu dropdown-menu">
                        <a class="nav-link"><i class="fa fa-power -off"></i>头像上传</a>
                        <a class="nav-link" href="UserServlet?method=logout"><i class="fa fa-power -off"></i>退出账号</a>
                    </div>
                </div>

            </div>
        </div>
    </header>
    <div class="content">
        <div class="animated fadeIn">
            <div id="div1" style="width: 98%"></div>
            <div id="div3"></div>
            <div id="div4"></div>
            <div id="div2">
                <div class="clearfix" style="margin-left: 30px">
                    <img src="static/images/aeroplane.jpg" width="98%" height="550" style="margin-top: 10px;z-index: 1">
                    <div id="Main" style="position: absolute;
                        top: 58px;
                        left: 300px;z-index: 99">
                    </div>
                </div>
                <!--面板样式-->
                <div id="wrap" style="padding: 30px;">
                    <div style="color: #00aced">
                        <h3 style="text-align: center">公司背景</h3>
                        <div style="width: 375px;text-indent: 2em;margin-top: 10px">
                            中国东方航空股份有限公司（以下简称“东航”）总部位于上海，是中国三大国有骨干航空公司之一，前身可追溯到1957年1月原民航上海管理处成立的第一支飞行中队，是首家在纽约、香港、上海三地挂牌上市的中国航企。
                            作为天合联盟成员，东航的航线网络通达全球170个国家和地区的1036个目的地，每年为全球超过1.3亿旅客提供服务，旅客运输量位列全球前十。“东方万里行”常旅客可享受联盟19家航空公司的会员权益及全球超过790间机场贵宾室。
                            东航的机队规模达730余架，是全球规模航企中最年轻的机队之一，拥有中国规模最大、商业和技术模式领先的互联网宽体机队。
                            东航在国内拥有京沪“两市四场”双核心枢纽和西安、昆明等区域枢纽，业务范围实现省会城市及千万级以上机场的全覆盖，并在全球设有111个海内外分支机构。公司近年来开通多条“一带一路”国际新航线，积极构建连通全球的“空中丝绸之路”。
                        </div>
                    </div>
                    <div style="color: #00aced">
                        <h3 style="text-align: center">优秀员工</h3>
                        <div style="width: 375px;margin-top: 10px;text-align: center">
                            邓宇山：前端设计<br>
                            张可夫：后端逻辑处理<br>
                            张峰华：数据库管理<br>
                            龚峻：指导技术专家<br>
                        </div>
                    </div>
                    <div style="color: #00aced">
                        <h3 style="text-align: center">疫情防控指南</h3>
                        <div style="width: 375px;margin-top: 10px;text-align: center">
                            1.工作人员要自行健康监测，若出现新型冠状病毒感染的可疑症状（包括发热、咳嗽、咽痛、胸闷、呼吸困难、乏力、恶心呕吐、腹泻、结膜炎、肌肉酸痛等），不要带病上班。<br>
                            2.若发现新型冠状病毒感染的可疑症状者，工作人员应要求其离开。<br>
                            3.公用物品及公共接触物品或部位要定期清洗和消毒。<br>
                            4.保持办公场所内空气流通。保证空调系统或排气扇运转正常，定期清洗空调滤网，加强开窗通风换气。<br>
                            5.洗手间要配备足够的洗手液，保证水龙头等供水设施正常工作。<br>
                            6.保持环境卫生清洁，及时清理垃圾。<br>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Scripts -->
<script src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.4/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-match-height@0.7.2/dist/jquery.matchHeight.min.js"></script>
<script src="assets/js/main.js"></script>

<!--  Chart js -->
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.7.3/dist/Chart.bundle.min.js"></script>

<!--Chartist Chart-->
<script src="https://cdn.jsdelivr.net/npm/chartist@0.11.0/dist/chartist.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartist-plugin-legend@0.6.2/chartist-plugin-legend.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/jquery.flot@0.8.3/jquery.flot.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/flot-pie@1.0.0/src/jquery.flot.pie.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/flot-spline@0.0.1/js/jquery.flot.spline.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/simpleweather@3.1.0/jquery.simpleWeather.min.js"></script>
<script src="assets/js/init/weather-init.js"></script>

<script src="https://cdn.jsdelivr.net/npm/moment@2.22.2/moment.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fullcalendar@3.9.0/dist/fullcalendar.min.js"></script>
<script src="assets/js/init/fullcalendar-init.js"></script>
</body>
</html>